import React from 'react'
import CKEditor from "react-ckeditor-component";


class Example extends React.Component {
    constructor(props) {
        super(props);
        
    }
    componentDidMount(){
        // const self = this;
        // const editor = CKEDITOR.replace( 'editor',{
        //     toolbar:[
        //         {name:'document',items:['Source','-']},
        //         {name:'editing',items:['Replace','H1']},
        //         {name:'basicstyles',items:['RemoveFormat','Bold','Italic','Strike','TextColor','BGColor']},
        //         { name: 'paragraph', items : [ 'Subscript','Superscript','NumberedList','BulletedList','Outdent','Indent','Blockquote',  
        //         '-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
        //         { name: 'links', items : [ 'Link','Unlink','Image','Table','SpecialChar','PageBreak','ShowBlocks','code','Maximize' ] },  
        //     ]
        // } );
        // editor.setData(this.props.content)
        // editor.on( 'change', function( evt ) {
        //     const val = evt.editor.getData();
        //     if(self.props.onChange)
        //         self.props.onChange(val,evt);
        // });
    }
    render() {
        return (
            <textarea name="content" id="editor"></textarea>            
        )
    }
}

export default Example